﻿::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item {
    padding: var(--dxbl-tabs-tab-padding-y) var(--dxbl-tabs-tab-padding-x);
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

    ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item .tab-item {
        display: inline-flex;
        align-items: center;
        user-select: none;
        cursor: default;
    }

    ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item.dxbl-active::after {
        content: "";
        position: absolute;
        background-color: var(--dxbl-tabs-tab-selected-color);
        height: 2px;
        left: -1px;
        right: -1px;
        bottom: 0;
    }

    ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item .tab-item .tab-item-image {
        margin-right: 5px;
        height: 16px;
        width: 16px;
    }

    ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item .tab-item .close {
        cursor: pointer;
        margin-left: 6px;
        opacity: 0.3;
        transition: opacity 0.15s;
    }

        ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item .tab-item .close:hover {
            opacity: 1;
        }

        ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item .tab-item .close.hide {
            display: none;
        }

        ::deep .xaf-mdi.dxbl-tabs .dxbl-tabs-item .tab-item .close .xaf-image {
            display: inline-block;
            vertical-align: middle;
        }
